<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<script src="libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css" href="css/index.css">
    <title>首页</title>
    <style>
        .name{
            background-color:black;
            height: 50px;
        }
        
    </style>
</head>
<body>
    <div class="name">
       <nav class="navar navbar-default navbar-fixed-top" role="navigation">
        <ul class="nav nav-tabs">
  <li ><a href="#"><img width="100" height="30" src="img/logo.jpg" alt=""></a></li>
  <li><a href="./%E5%AE%98%E6%96%B9%E7%BD%91%E7%AB%99.html">官方网站</a></li>
  <li><a href="./%E9%A6%96%E9%A1%B5.html">首页</a></li>
  <li><a href="#">男子</a></li>
  <li><a href="#">女子</a></li>
  <li><a href="#">男童</a></li>
  <li><a href="#">女童</a></li>
       <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    系列 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="./%E7%AF%AE%E7%90%83.html">篮球</a></li>
                    <li><a href="./%E7%BE%BD%E6%AF%9B%E7%90%83.html">羽毛球</a></li>
                    <li><a href="./%E8%B7%91%E6%AD%A5.html">跑步</a></li>
                    <li class="divider"></li>
                    <li><a href="./%E8%AE%AD%E7%BB%83.html">训练</a></li>
                    <li class="divider"></li>
                    <li><a href="./%E8%BF%90%E5%8A%A8%E6%97%B6%E5%B0%9A.html">运动时尚</a></li>
                </ul></li>
       <li><a href="#">新品</a></li>
       <li><a href="#">更多品牌</a></li>
       <li><form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">提交</button>
        <a type="button" class="btn btn-default"
 href="%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.html">登录注册</a>
    </form></li>
       </ul>
       </div>
       <section>
	<form action="">
		<div class="register-box">
					<label for="username" class="username_label">用 户 名
			<input maxlength="20" type="text" placeholder="您的用户名和登录名">
					</label>
			<div class="tips">
						
					</div>
		</div>
		<div class="register-box">
			<label for="username" class="other_label">设 置 密 码
			<input maxlength="20" type="password" placeholder="建议至少使用两种字符组合">
			</label>
			<div class="tips">
				
			</div>
		</div>
		<div class="register-box">
			<label for="username" class="other_label">确 认 密 码
			<input maxlength="20" type="password" placeholder="请再次输入密码">
			</label>
			<div class="tips">
				
			</div>
		</div>
		<div class="register-box">
			<label for="username" class="other_label">
			<span>中国 0086∨</span>
			<input class="phone" maxlength="20" type="text" placeholder="建议使用常用手机">
			</label>
			<div class="tips">
				
			</div>
		</div>
		<div class="register-box">
			<label for="username" class="other_label">验 证 码
			<input maxlength="20" type="text" placeholder="请输入验证码">
			</label>
			<span id="code"></span>
			<div class="tips">
				
			</div>
		</div>
		<div class="arguement">
					<input type="checkbox" id="xieyi">
			阅读并同意
			<a href="#">《李宁官方网站服务协议》</a>
			<div class="tips">
				
			</div>
				</div>
		<div class="submit_btn">
					<button type="submit" id="submit_btn">立 即 注 册</button>
				</div>
	</form>
</section>
     <script src="js/index.js" type="text/javascript" charset="utf-8"></script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
      
       <footer>
            <p class="pull-right"><a href="#top">返回顶部</a></p>
        </footer>
</body>